<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>支付</title>
    <link rel="stylesheet" href="../css/base.min.css">
    <link rel="stylesheet" href="../css/pay.min.css">
    <link rel="stylesheet" href="../util/fontawesome/css/font-awesome.min.css">
    <script src="../util/jQuery/jquery-3.5.1.min.js"></script>
    <script src="../js/search.js"></script>
</head>
<body>
    <!-- 导航栏布局 -->
    <header>
        <div class="content">
            <div class="logo">
                <img src="../images/logo.png" alt="">
                <span id="select">全国</span>
            </div>
            <nav>
                <li><a href="shouye.html">首页</a></li>
                <li class="active"><a href="film.html">影片</a></li>
                <li><a href="cinema.html">影城</a></li>
                <li><a href="movieInfo.html">影城资讯</a></li>
                <li><a href="personalcenter.html">会员中心</a></li>
            </nav>
            <div class="search">
                <input type="text" id="moviesName" placeholder="佩琪  白蛇2  我是猫">
                <i id="find" class="fa fa-search"></i>
                <div id="search">
                    <div class="box1"  id="recommend">
                        <p>相关推荐</p>
                        <ul>
                            <li>大话西游之大圣娶亲 西遊記大結局之仙履奇緣</li>
                            <li>哈利·波特与魔法石 Harry Potter and the Sorcerer's Stone</li>
                            <li>星大话西游之月光宝盒 西遊記第壹佰零壹回之月光寶盒</li>
                            <li>当幸福来敲门 The Pursuit of Happyness</li>
                            <li>星际穿越 Interstellar</li>
                            <li>大闹天宫</li>
                        </ul>
                    </div>
                    <div class="box2" id="history">
                        <p>搜索历史</p>
                        <span><a href="#" id="removeHistory">清空历史记录</a></span>
                        <ul></ul>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main class="queRen">
        <div class="point"></div>
        <div class="time">
            <div class="timeImg"></div>
            <div class="countdown">
                <p class="p1">请在 <span class="minute">15</span> 分钟 <span class="second">00</span> 秒内完成支付</p>
                <p class="p2">超时订单会自动取消，如遇支付问题，请联系客服</p>
            </div>
        </div>
       <div class="tips">
           <img src="../images/支付确认/icon02.png" alt="">
           <span>请仔细核对场次信息，出票后将</span>
           <span class="text">无法退票和改签</span>
       </div>
        <div class="movieNews">
                <div class="newsOne">
                    <ul>
                        <li>
                            <span>影片</span>
                        </li>
                        <li>
                            <span>时间</span>
                        </li>
                        <li>
                            <span>影院</span>
                        </li>
                        <li>
                            <span>座位</span>
                        </li>
                    </ul>
                </div>
                <div class="newsTwo">
                    <ul>
                        <li>
                            <span class="movieName"></span>
                        </li>
                        <li>
                            <span class="movieTime"></span>
                        </li>
                        <li>
                            <span class="movieAddress"></span>
                        </li>
                        <li>
                            <span class="movieSeat"></span>
                        </li>
                    </ul>
                </div>
        </div>
        <div class="pway">
            <p>支付方式</p>
        </div>
        <div class="moviePay">
            <div class="payWay on">
                <img src="../images/支付确认/buy01.png" alt="">
                <span>支付宝支付</span>
            </div>
            <div class="payWay">
                <img src="../images/支付确认/buy02.jpg" alt="">
                <span>微信支付</span>
            </div>
            <div class="payWay">
                <img src="../images/支付确认/buy03.jpg" alt="">
                <span>银联支付</span>
            </div>
        </div>
        <div class="payConfirm">
            <div class="confirmClick">
                <span class="full">实际支付:</span>
                <span class="RMB">￥</span>
                <span class="price">76</span>
                <button class="payAll"onclick="pause()">确认支付</button>
            </div>
        </div>
    </main>
    <main class="success">
        <div class="point"></div>
        <div class="time">
            <div class="timeImg"></div>
            <div class="countdown">
                <p class="p1">支付成功</p>
                <p class="p2">请提前15分钟到影院领取电影票</p>
            </div>
        </div>
       <div class="tips">
           <img src="../images/支付确认/icon02.png" alt="">
           <span>请仔细核对场次信息，出票后将</span>
           <span class="text">无法退票和改签</span>
       </div>
       <div class="getTicket">
           <div class="payNum">
               <span class="startTime">2012-08-11</span>
               <span class="dingdan">蜗牛22538083977</span>
           </div>
           <div class="take">
               <ul>
                   <li>
                       <img src="../images/个人中心/img01.png" alt="">
                   </li>
                   <li>
                       <p class="movieName">《盛夏未来》</p>
                       <p class="movieAddress">太平洋影城（北欧知识城店）</p>
                       <p class="movieSeat">2号厅 4排1座</p>
                       <p class="playTime">今天 8月11日 22:00</p>
                   </li>
                   <li>
                       <span class="payMoney">￥34</span>
                   </li>
                   <li>
                       <span class="waitUse">待使用</span>
                   </li>
                   <li>
                       <button class="takeTicket">取票</button>
                   </li>
               </ul>
           </div>
       </div>
    </main>
    <!-- 底部footer布局 -->
    <footer>
        <div class="content">
            <dl>
                <dt>新手上路</dt>
                <div class="divis"></div>
                <dd>注册登录问题</dd>
                <dd>用户绑定会员卡问题</dd>
                <dd>影票相关问题</dd>
                <dd>票价和支付问题</dd>
                <dd>取票凭证吗和取票问题</dd>
            </dl>
            <dl>
                <dt>购票指南</dt>
                <div class="divis"></div>
                <dd>用户购票流程</dd>
                <dd>取票观影指南</dd>
                <dd>会员卡支付相关说明</dd>
                <dd>网银支付相关说明</dd>
            </dl>
            <dl>
                <dt>会员权益</dt>
                <div class="divis"></div>
                <dd>会员订票权益</dd>
                <dd>会员积分权益</dd>
                <dd>入会资格</dd>
                <dd>会员卡折扣说明</dd>
            </dl>
            <dl>
                <dt>联系我们</dt>
                <div class="divis"></div>
                <dd>手机客户端介绍与下载</dd>
                <dd>影片信息查询</dd>
                <dd>手机自助购票</dd>
            </dl>
        </div>
        <div class="division"></div>
        <div class="frind_link">
            <p>公司介绍 - 合作咨询 - 友情链接 - 网站地图 - 站长统计 - 网站声明</p>
            <span>Copyright © 2021 ed by woniuxy</span>
        </div>
    </footer>
    <script src="../js/pay.js"></script>
</body>
</html>